<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
	<title>问题解答</title>
	<script type="text/javascript" src="js/init.js"></script>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/cousel.css">
	<link rel="stylesheet" type="text/css" href="css/1.css">
</head>
<body>
	<div class="question-main">	
		<dl class="item">
			<dt>问题条目</dt>
			<dd>解答缩略士大夫士大夫微微发反反复解答缩略士大夫士大夫微微发反反复复反反复复反反复复反反复复发解答缩略士大夫士大夫微微发反反复复反反复复反反复复反反复复发复反反复复反反复复反反复复发<i></i></dd>
		</dl>
		<dl class="item">
			<dt>问题条目</dt>
			<dd>解答缩略士大夫士大夫微微发反反复解答缩略士大夫士大夫微微发反反复复反反复复反反复复反反复复发解答缩略士大夫士大夫微微发反反复复反反复复反反复复反反复复发复反反复复反反复复反反复复发<i></i></dd>
		</dl>	
		<div class="popup hidden">
			<div class="popup1Box">
				<div class="popup1">
					<div class="popup1ContentTitle">问题条目</div>
					<div class="popup1Content">
						<div class="popup1ContentText">
							<p>解答缩略士大夫士大夫微微发反反复解答缩略士大夫士大夫微微发反反复复反反复复反反复复反反复复发解答缩略士大夫士大夫微微发反反复复反反复复反反复复反反复复发复反反复复反反复复反反复复发</p>
						</div>						
					</div>
				</div>
				<div class="popup1BoxClose">
					<img src="images/modalClose.png"/>
				</div>
			</div>
		</div>	
	</div>	
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.popup1BoxClose').click(function(){
				$('.popup').addClass('hidden');
			});

			$(".question-main .item").click(function() {
				$('.popup').removeClass('hidden');
			})
		});
	</script>
</body>
</html>